<template>
	<view class="mainCss">
		<view class="titleBox">
			<view class="titleLeft">
				<img src="../../static/title/back.png" class="titleBack" @click="goBack">
			</view>
			<view class="titleText">
				<text>项目详情</text>
			</view>
			<view class="titleRight">

			</view>
		</view>
		<view class="bannerBox">
			<swiper style="height: 300rpx;" autoplay="true" interval="3000" duration="500" circular="true">
				<swiper-item v-for="(item, index) in bannerList" :key="index">
					<view class="swiper-item">
						<image :src="item.imgUrl" class="banner"></image>
					</view>
				</swiper-item>
			</swiper>
		</view>
		<view class="bodyBox">
			<view class="infoBox">
				<view class="infoTitle">
					<text>苏州贰宝便利店合伙招商</text>
				</view>
				<view class="infoPrice">
					<text>合伙费<text style="font-size: 18px; font-weight: 600; margin-left: 10upx;">1万元</text></text>
				</view>
				<view class="tipsBox">
					<view class="tips">
						<text>所属行业：</text>
					</view>
					<view class="info">
						<text>生活超市</text>
					</view>
				</view>
				<view class="tipsBox">
					<view class="tips">
						<text>所属类型：</text>
					</view>
					<view class="info">
						<text>生活服务</text>
					</view>
				</view>
				<view class="tipsBox">
					<view class="tips">
						<text>项目介绍：</text>
					</view>
					<view class="info">
						<text>项目详情介绍项目详情介绍项目详情介绍项目详情介绍项目详情介绍项目详情介绍项目详情介绍项目详情介绍项目详情介绍项目详情介绍项目详情介绍项目详情介绍项目详情介绍项目详情介绍项目详情介绍</text>
					</view>
				</view>
				<view class="business">
					<img src="../../static/home/touxiang.png" class="businessHead">
					<text>发布人</text>
				</view>
			</view>
		</view>
		<view class="block">

		</view>
		<view class="footerBox">
			<view class="toolbar">
				<view class="leftTool">
					<view class="iconBox">
						<img src="../../static/lease/shoucang.png" class="collection" v-show="!shoucang"
							@click="shoucang = !shoucang">
						<img src="../../static/lease/shoucang1.png" class="collection" v-show="shoucang"
							@click="shoucang = !shoucang">
						<text v-show="!shoucang">收藏</text>
						<text v-show="shoucang">已收藏</text>
					</view>
					<view class="iconBox">
						<img src="../../static/lease/fenxiang.png" class="collection">
						<text>分享</text>
					</view>
				</view>
				<view class="rightTool">
					<view class="buttonView">
						<img src="../../static/lease/xiaoxi.png" class="xiaoxi">
						<text>微聊</text>
					</view>
					<button class="toolButton">报名</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bannerList: [{
					imgUrl: '../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../static/lease/leaseBg.png',
				}],
			}
		},
		onLoad() {

		},
		methods: {
			// 返回
			goBack() {
				uni.navigateBack(0)
			},
		}
	}
</script>

<style>
	@import '../../css/details.css';

	.infoPrice {
		color: #FF5F17;
		margin: 10upx 0;
		margin-bottom: 20upx;
	}

	.business {
		margin-top: 20upx;
		padding-top: 20upx;
		border-top: 1upx solid rgba(210, 210, 210, 0.1);
	}

	.tipsBox {
		display: flex;
		align-items: baseline;
		color: #A8A8A8;
		margin: 20upx 0;
	}

	.tips {
		font-size: 12px;
	}

	.info {
		margin-left: 10upx;
	}
</style>
